<template>
  <div>
    <div class="footerBgc dis500">
      <div class="main pd20">
        <div class="flex jcse">
          <div class="" v-for="i in tabList">
            <span>{{ i.name }}</span>
            <div v-for="j in i.list" class="mgt8">
              <span class="fs12">{{ j }}</span>
            </div>
          </div>
        </div>

        <div class="flex aic mgt40 fs12 column">
          <div>
            ICP经营许可证: 粤B2-20190192 互联网药品信息服务资格证书:
            (粤)一非经营性-2020 0100 食品经营许可证: JY14403050440490
            医疗器械网络交易服务第三方平台备案： (粤)网械平台备字 (2020) 第
            00013 号
          </div>
          <div class="mgt8">
            关于我们| 联系我们| 商家入驻| 友情链接| 站点地图| 手机商城|
            销售联盟| 商城社区| 企业文化| 帮助中心| 留言板
            ICP备案证书号:粤ICP备2023101350号-1
          </div>
          <div class="mgt8">
            © 2005-2023 深圳魔幻盒子科技有限公司888 版权所有，并保留所有权利。
            Tel: 400-153-8969 E-mail: 538969@qq.com
          </div>
        </div>
      </div>
    </div>
    <div class="pd20 c9 fs14 ndis500 flex column">
      <div>热招城市</div>
      <div></div>
      <div>
        <div>违法和不良信息举报邮箱/未成年人举报渠道：jubao@kanzhun.com</div>
        <div>企业服务热线和推荐算法/未成年人等举报渠道：400 065 5799</div>
        <div>人力资源服务许可证</div>
        <div>营业执照</div>
      </div>
    </div>
  </div>
</template>
<style scoped>
@import "../../public.css";
@import "../../ui/vant-ui/ui.css";
.footerBgc {
  /* position: fixed;
  bottom: 0; */
  background-color: #3a3a3a;
  color: #cccccc;
  width: 100%;
  height: 400px;
}
@media (min-width: 500px) {
  .main {
    width: 1400px;
    margin: 0 auto;
  }
}
</style>
<script>
module.exports = {
  name: "top",
  data() {
    return {
      tabList: [
        {
          name: "新手上路",
          list: [
            "售后服务",
            "售后服务",
            "售后服务",
            "售后服务",
            "售后服务",
            "售后服务",
            "售后服务",
          ],
        },
        {
          name: "新手上路1",
          list: [
            "售后服务",
            "售后服务",
            "售后服务",
            "售后服务",
            "售后服务",
            "售后服务",
            "售后服务",
          ],
        },
        {
          name: "新手上路2",
          list: [
            "售后服务",
            "售后服务",
            "售后服务",
            "售后服务",
            "售后服务",
            "售后服务",
            "售后服务",
          ],
        },
        {
          name: "新手上路3",
          list: [
            "售后服务",
            "售后服务",
            "售后服务",
            "售后服务",
            "售后服务",
            "售后服务",
            "售后服务",
          ],
        },
        {
          name: "新手上路4",
          list: [
            "售后服务",
            "售后服务",
            "售后服务",
            "售后服务",
            "售后服务",
            "售后服务",
            "售后服务",
          ],
        },
        {
          name: "新手上路5",
          list: [
            "售后服务",
            "售后服务",
            "售后服务",
            "售后服务",
            "售后服务",
            "售后服务",
            "售后服务",
          ],
        },
      ],
    };
  },
  props: {},
  methods: {},
};
</script>
